<!DOCTYPE html>
<html>

<head>
    <title>{{SITE_TTILE}}</title>
    <meta charset="UTF-8">
    <meta name="keywords" content="{{SITE_KEYWORDS}}" />
    <meta name="description" content="{{SITE_DESCRIPTION}}" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" type="text/css" href="/public/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="/public/main.css">
    <script src="/public/js/jquery.min.js"></script>
</head>

<body>
    {{include './header.html'}}
    <section class="container mt-20">
        <div class="row">
            <div class="col-lg-8">
                <div class="excerpts">
                    {{ each contents content}}
                    <article class="excerpt">
                        <a href="/content/{{ content.id }}" class="focus">
                            <img src="{{content.thumb}}" class="thumb">
                        </a>
                        <h2>
                            <a href="/content/{{ content.id }}">{{content.title}}</a>
                        </h2>
                        <time>{{content.originCreateAt}}</time>
                        {{if content.category}}
                        <a class="cat" href="/category-{{content.category.cid}}-page-0">{{content.category.name}}</a>
                        {{/if}}
                        <p class="note  hidden-xs">
                            <a href="/content/{{ content.cid }}">
                                {{content.description}}
                            </a>
                        </p>
                    </article>
                    {{/each}}
                </div>
            </div>
            <aside class="col-lg-4">
                {{include './aside.html'}}
            </aside>
        </div>
        <footer>
            {{include './footer.html'}}
        </footer>
    </section>
</body>

</html>